<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style type="text/css">
		p {
			
			height: 300px;
			width: 1900px;
			/* vertical-align: middle;对块级元素元素无效 */
		}
		
		img {
			width: 288px;
			height: 120px;
			vertical-align: middle;
		}

        </style>
    </head>
    <body>
    <p>
    	<!-- <img src="images/01.jpg" alt=""> -->
    	哈哈哈哈
    </p>
    <img class="yes" src="images/ad-l.png" height="288" width="120" alt="">
    我要和图片中线对齐
    <img class="no" src="images/ad-r.png" height="288" width="120" alt="">
    </body>
</html>